@@include('../00.global/include-header.html')
     
  <body class="page">
  
  
          
    @@include('../00.global/include-loader.html')
    
    

  
    <div class="wrapper">
    
        <!-- Header Area
        ============================================= -->      
        <header class="header-area transition">
            
             <div class="header-container transition">
                 <div class="container">
                 
                        @@include('../00.global/include-brand.html')
                        
                        @@include('../00.global/include-menu.html')
                        
                        
                        
                        
                  </div>
                  <!-- .container end -->
                  
                  <div class="clear"></div>
             </div>
        
        </header>
        <div class="header-inner"></div>
      
      
     
        <!-- Content 01
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 t-c">
                            <h2>Sidebar</h2>
							
                            
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
     

       <!-- Content 02
        ====================================================== -->
        <section>
            <div class="container">
                <div class="row">
                    <div class="col-md-9">
                    
                       
						<div style="height: 3000px;">CONTENT...</div>
                    
                    </div>
                    <!--  .col-md-9  end -->
                    <div class="col-md-3">
                    
                            <!-- Sidebar
                            ========================= -->
                            <div class="sidebar-container" role="complementary">
                            
                      
                            
                                <div class="widget">
                                    <form method="get" class="search-box" action="#">
                                        <label> 
                                            <span class="screen-reader-text">Search for:</span>
                                            <input type="search" class="controls-custom search-field" placeholder="Search &hellip;" value="" name="s" /> 
                                         </label> 
                                         <i class="fa fa-search wp-search-submit"></i> 
                                     </form>
                                </div>
                                
                                <div class="widget widget_categories">
                                    <h3 class="widget-title h5 font-uppercase">Categories</h3>
                                    <div data-target-pjax="1">
                                        <ul class="link-list">
                                            <li class="cat-item cat-item-8"><a href="#">Art Direction</a><span class="cat-item-count">12</span></li>
                                            <li class="cat-item cat-item-4"><a href="#">Discovery</a><span class="cat-item-count">4</span></li>
                                            <li class="cat-item cat-item-3"><a href="#">Featured</a><span class="cat-item-count">4</span></li>
                                            <li class="cat-item cat-item-5"><a href="#">Lifestyle</a><span class="cat-item-count">4</span>
                                                <ul class='children'>
                                                    <li class="cat-item cat-item-7"><a href="#">Events</a><span class="cat-item-count">4</span></li>
                                                    <li class="cat-item cat-item-6"><a href="#">Travel</a><span class="cat-item-count">4</span></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                
                                
                                <div class="widget">
                                    <h3 class="widget-title h5 font-uppercase">Tags</h3>
                                    <div class="tagcloud tags-box" data-target-pjax="1">
                                        <a href="#" class="tag-link">Web Design</a>
                                        <a href="#" class="tag-link">Detail</a>
                                        <a href="#" class="tag-link">SEO</a>
                                        <a href="#" class="tag-link">premium theme</a>
                                        <a href="#" class="tag-link">simple</a>
                                        <a href="#" class="tag-link">Soundcloud</a>
                                        <a href="#" class="tag-link">wordpress theme</a>
                                        <a href="#" class="tag-link">Web Design</a>
                                        <a href="#" class="tag-link">Detail</a>
                                        <a href="#" class="tag-link">SEO</a>
                                        <a href="#" class="tag-link">premium theme</a>
                                        <a href="#" class="tag-link">simple</a>
                                        <a href="#" class="tag-link">Soundcloud</a>
                                        <a href="#" class="tag-link">wordpress theme</a>  
                                    </div>
                                </div>
                                
                                
                                <div class="widget">
                                    <div id="calendar_wrap" class="calendar_wrap">
                                        <table class="calendar-box"  data-target-pjax="1">
                                            <caption>August 2016</caption>
                                            <thead>
                                                <tr>
                                                    <th scope="col" title="Monday">M</th>
                                                    <th scope="col" title="Tuesday">T</th>
                                                    <th scope="col" title="Wednesday">W</th>
                                                    <th scope="col" title="Thursday">T</th>
                                                    <th scope="col" title="Friday">F</th>
                                                    <th scope="col" title="Saturday">S</th>
                                                    <th scope="col" title="Sunday">S</th>
                                                </tr>
                                            </thead>
                                            <tfoot>
                                                <tr>
                                                    <td colspan="3" id="prev"><a href="#">&laquo; Apr</a></td>
                                                    <td class="pad">&nbsp;</td>
                                                    <td colspan="3" id="next" class="pad">&nbsp;</td>
                                                </tr>
                                            </tfoot>
                                            <tbody>
                                                <tr>
                                                    <td>1</td>
                                                    <td>2</td>
                                                    <td>3</td>
                                                    <td>4</td>
                                                    <td>5</td>
                                                    <td>6</td>
                                                    <td>7</td>
                                                </tr>
                                                <tr>
                                                    <td>8</td>
                                                    <td>9</td>
                                                    <td>10</td>
                                                    <td>11</td>
                                                    <td>12</td>
                                                    <td>13</td>
                                                    <td>14</td>
                                                </tr>
                                                <tr>
                                                    <td>15</td>
                                                    <td>16</td>
                                                    <td>17</td>
                                                    <td>18</td>
                                                    <td>19</td>
                                                    <td>20</td>
                                                    <td>21</td>
                                                </tr>
                                                <tr>
                                                    <td>22</td>
                                                    <td>23</td>
                                                    <td>24</td>
                                                    <td>25</td>
                                                    <td>26</td>
                                                    <td>27</td>
                                                    <td>28</td>
                                                </tr>
                                                <tr>
                                                    <td id="today">29</td>
                                                    <td>30</td>
                                                    <td>31</td>
                                                    <td class="pad" colspan="4">&nbsp;</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                
                                
                                <div class="widget">
                                    <h3 class="widget-title h5 font-uppercase">About</h3>
                                    <div class="textwidget">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Qualem igitur hominem natura inchoavit? Non enim, si omnia non sequebatur, idcirco non erat ortus illinc. Quid turpius quam sapientis vitam ex insipientium sermone pendere.</div>
                                </div>
                                
                                
                                <div class="widget">
                                    <h3 class="widget-title h5 font-uppercase">Recent Posts</h3>
                                    <ul class="post-list-box" data-target-pjax-singleFullscreen="1">
                                        <li><a href="#">Making Your Site Retina-Ready</a></li>
                                        <li><a href="#">Hi, The Test Post is Loremipsum</a></li>
                                        <li><a href="#">One Simple Post</a></li>
                                        <li><a href="#">Super/Duper/Long/NonBreaking/Path/Name/To/A/File/That/Is/Way/Deep/Down/In/Some/Mysterious/Remote/Desolate/Part/Of/The/Operating/System/To/A/File/That/Just/So/Happens/To/Be/Strangely/Named/Supercalifragilisticexpialidocious.txt</a></li>
                                        <li><a href="#">Post Formats: Embed Soundcloud</a></li>
                                    </ul>
                                </div>
                                
                                
                                
                                <div class="widget stick-widget">
                                    <h3 class="widget-title h5 font-uppercase">Sticky Posts</h3>
                                    <ul class="post-img-list-box" data-target-pjax-singleFullscreen="1">
                                        <li>
                                            <div class="item-thumb"><a href="#"><img src="assets-demo/images/test-img-big-1.jpg" alt="" ></a></div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#">Making Your Site Retina-Ready</a>
                                                </div>
                                                <div class="item-date">August 29, 2016</div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item-thumb"><a href="#"><img src="assets-demo/images/test-img-big-2.jpg" alt="" ></a></div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#">Hi, The Test Post is Loremipsum</a>
                                                </div>
                                                <div class="item-date">August 29, 2016</div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item-thumb"><a href="#"><img src="assets-demo/images/test-img-big-3.jpg" alt="" ></a></div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#">Post Formats: Embed Soundcloud </a>
                                                </div>
                                                <div class="item-date">August 29, 2016</div>
                                            </div>
                                        </li>
                                       
                                        
                                        
                                    </ul>
                                </div>
                                            
                                
                               
                                
                                
                            </div>
                             <!-- Sidebar end -->
			
                    
                    
                    </div>
                    <!--  .col-md-3  end --> 
                
                </div>
                <!-- .row  end -->
            
    

                
            </div>
            <!-- .container end -->
 
        </section>
        
		
		
        
        
        
        @@include('../00.global/include-copyright.html')
        
        
    </div>
    <!-- .wrapper end -->
       
       
    @@include('../00.global/include-footer.html')

